.wallet {
    display: flex;
    flex-direction: column;
    height: 100%;

    .balance {
        height: 2rem;
        background-color: #97b97f;
        display: flex;
        justify-content: center;
        align-items: center;

        div {
            display: flex;
            flex-direction: column;
            align-items: center;
            font-size: 0.4rem;
            color: #fff;

        }
    }

    .letter {
        background-color: #fff;
        height: .8rem;
        display: flex;
        justify-content: space-between;

        span {
            border: 1px solid #ccc;
            justify-content: space-around;
            width: 33%;
            display: flex;
            align-items: center;
        }
    }

    .flowWater {
        height: 8.6rem;
        overflow: auto;
        .flowWaterInfo {
            height: 0.8rem;
            display: flex;
            justify-content: space-around;
            align-items: center;

            span {
                width: 33%;
                text-align: left;
            }
        }
    }

    .bottom {
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: absolute;
        bottom: 0;
        height: 1rem;
        width: 7.48rem;
        background-color: #f2f2f2;

        span {

            border-radius: 0.7rem;
            width: 2.5rem;
            height: 0.7rem;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #97b97f;
        }
    }
}